@import (less) "../../common/css/container.less";
.msg {
    font-size: 14px;
    line-height: 1;
    color:rgba(153,153,153,1);
}
.newsDetail {
    .crumb {
        padding-bottom: 36px;
        border-bottom: 1px solid rgba(245, 245, 245, 1);
        .newsDetailContainer {
            .container;
            margin-top: 67px;
            font-size: 16px;
            .firstLevelDirectory {
                color: #999;
                float: left;
            }
            .rightArrow {
                width: 15px;
                height: 15px;
                float: left;
                padding: 0 6px;
                transform: translateY(4px);
            }
            .secLevelDirectory {
                color: #666;
                float: left;
            }
        } 
        &::after {
            clear: both;
            content: '';
            display: block;
            width: 0;
            height: 0;
            visibility: hidden; 
        }    
    }
    .main {
        padding-top: 60px;
        .mainContainer {
            .container;
            display: flex;
            .newsDetailMain {
                padding-right: 100px;
                flex: 1;
                overflow: hidden;
                .newsTitle {
                    font-size: 24px;
                    font-family: MicrosoftYaHei;
                    font-weight: bold;
                    line-height: 1;
                    color: rgba(51,51,51,1);
                }
                .newsMsg {
                    margin-top: 18px;
                    .msg;
                    .day {
                        margin-right: 25px;
                    }
                    .time {
                        margin-right: 25px;
                    }
                    .author {
    
                    }
                }
                .mainItem {
                    font-size: 14px;
                    color: rgba(51,51,51,1);
                    line-height: 25px;
                    margin-top: 24px;
                    &:first-of-type {
                        margin-top: 36px;
                    }
                }
                .img1 {
                    width: 100%;
                    height: auto;
                    margin-top: 36px;
                }
                .otherImg {
                    width: 100%;
                    margin-bottom: 69px;
                    .img2 {
                        width: 49.7%; 
                        margin-right: 0.6%;
                    }
                    .img3 {
                        width: 49.7%;
                    } 
                }
                .siblingNews {
                    width: 100%;
                    border-top: 1px solid rgba(245, 245, 245, 1);
                    padding: 10px 0 80px;
                    font-size: 16px;
                    line-height: 1;
                    height: 16px;
                    .rightArrow {
                        width: 16px;
                        transform: translateY(2px);
                        fill: #0457B7;
                    }
                    .prevNews {
                        float: left;  
                    }
                    a.prevNews {
                        color: #0457B7;
                    }
                    .nextNews {
                        float: right;
                    }
                    a.nextNews {
                        color: #0457B7;
                    }
                }
            }
            .hotNewsAside {
                width: 27%;
                min-width: 350px;
                padding-top: 50px;
                .hotNewsTitle {
                    font-size: 22px;
                    font-weight: bold;
                    color: rgba(51,51,51,1);
                    line-height: 1;
                }
                .hotNewsItem {
                    height: 100px;
                    padding-top: 22px;
                    display: flex;
                    .hotNewsItemLeftSide {
                        margin-right: 20px;
                        flex: 1;
                        position: relative;
                        .hotNewsItemTitle {
                            font-size: 14px;
                            line-height: 25px;
                            color: rgba(102, 102, 102, 1);
                            display: block;
                            height: 50px;
                            padding-top: 4px;
                            overflow: hidden;
                        }
                        .hotNewsItemMsg {
                            position: absolute;
                            bottom: 24px;
                            .msg;
                            .hotNewsItemDay {
                                margin-right: 14px;
                            }
                            .hotNewsItemtime {

                            }
                        }
                    }
                    .hotNewsItemImg {
                        width: 131px;
                        height: 76px;
                    }
                }
            }
        }
    }
}
